import Icon from '@/components/Icon'
import styles from './index.module.scss'

export default function ArticleFooter() {
  return (
    <div className={styles.root}>
      <div className='comment-footer'>
        <div className='input-btn'>
          <Icon type='iconbianji' />
          <span>去评论</span>
        </div>

        <>
          <div className='action-item'>
            <Icon type='iconbtn_comment' />
            <p>评论</p>
            <span className='bage'>{1}</span>
          </div>
          {/* 'iconbtn_like2' */}
          <div className='action-item'>
            <Icon type={true ? 'iconbtn_like_sel' : 'iconbtn_like2'} />
            <p>点赞</p>
          </div>
        </>
        <div className='action-item'>
          {/* 'iconbtn_collect' */}
          <Icon type={true ? 'iconbtn_collect_sel' : 'iconbtn_collect'} />
          <p>收藏</p>
        </div>
        <div className='action-item'>
          <Icon type='iconbtn_share' />
          <p>分享</p>
        </div>
      </div>
    </div>
  )
}